@import "../index.less";


.el-row{
  width: 100%;
}

.image-detail{
  @{deep}.content-main{
    margin: 40px auto 0;
    //.title{
    //  font-size: 24px;
    //  margin-bottom: 25px;
    //  text-align: center;
    //}
    //.auther{
    //  text-align: center;
    //  color: #999
    //}
    .content{
      padding: 20px;
      text-align: left;
      p{
        margin-bottom: 20px;
        text-indent: 33px;
      }
      .color-country{color:#f00;}
      .color-othersc{color:#FFC000;}
      .color-unknown{color:#7030A0;}
      .color-type{color:#5B9BD5;}
      .color-entity{color:#FA86EF;}
      .color-keyword{color:#70AD47;}
      .color-status{color:#ED7D31;}
    }
    .content-msg{
      margin-top: 76px;
      font-size: 18px;
      text-align: left;
      text-indent: 26px;
    }
    .tool{
      position: fixed;
      bottom: 20px;
      width: calc((100% - 375px) / 2);
      height: 35px;
      border-top: 1px solid #ddd;
      border-right: 1px solid #ddd;
      background-color: #fff;
      box-shadow: 0 0 20px #ccc;
      //overflow: hidden;
      .buttons{
        .el-radio-group{
          border-right: 1px solid #dcdfe6;
          .el-radio-button__inner{
            padding: 10px;
            border-radius: 0;
            border: 0;
          }
        }
      }
      .bodys{
        padding: 0;
        overflow: hidden;
        .node-type{
          display: inline-block;
          margin: 5px 15px 0 0;
          width: 25px;
          height: 25px;
          border-radius: 50%;
        }

        .relation-edit {
          position: absolute;
          bottom: 35px;
          //border: 1px solid #ddd;
          background-color: #fff;
          box-shadow: 0 0 20px #ccc;
          z-index: 9999999;
        }
        .labels{

        }
        .relation-type{
          display: inline-block;
          margin: 5px 15px 0 0;
          color: #409eff;
          &:hover{
            border-bottom: 2px solid #409eff;
          }
        }
        .relations{
          .el-radio-group{
            .el-radio-button__inner{
              padding: 10px;
              border-radius: 0;
              border: 0;
            }
          }
        }
      }
    }
  }
  .content-main-ht{
    .ht-main{
      height: 600px;
    }
    .nav-header{
      width: 100%;
      //padding: 0 10px;
      border-bottom: 1px solid @gray;
      .nav-text{
        position: relative;
        padding: 10px;
        span{
          margin-left: 30px;
        }
        i{
          float: right;
        }
        &::before{
          content: '';
          position: absolute;
          z-index: 10;
          left: 15px;
          top: 13px;
          width: 14px;
          height: 14px;
          background-color: #fff;
          border-radius: 45%;
          border: 1px solid slategrey;
        }
        &::after{
          content: '';
          position: absolute;
          z-index: 15;
          left: 18px;
          top: 16px;
          width: 10px;
          height: 10px;
          background-color: slategrey;
          border-radius: 45%;
        }
      }
    }
    .nav-form{
      //width: 50%;
      margin: 20px auto;
      .el-slider__input{
        width: 50px;
      }
      .el-slider__runway{
        &.show-input{
          margin-right: 80px;
        }
      }
    }
  }
  table.relation-table{
    //width: 500px;
    border-collapse: collapse;
    th{
      line-height: 30px;
      color: #fff;
      background-color: #409eff;
    }
    td{
      border: 1px solid #ddd;
      .el-form-item{
        width: 160px;
      }
    }
  }
  .obj-group{
    overflow-x: hidden;
    .el-radio-button{
      width: 100%;
      .el-radio-button__inner{
        width: 100%;
        text-align: left;
        border: 0;
        border-radius: 0 !important;
      }
    }
  }
  .obj-form-item{
    margin-bottom: 0;
  }
  .obj-form-item.is-error{
    border: 1px solid #f56c6c;
  }
  @{deep}.bg-country{background-color:#f00}
  @{deep}.bg-othersc{background-color:#FFC000}
  @{deep}.bg-unknown{background-color:#7030A0}
  @{deep}.bg-type{background-color:#5B9BD5}
  @{deep}.bg-entity{background-color:#FA86EF}
  @{deep}.bg-keyword{background-color:#70AD47}
  @{deep}.bg-status{background-color:#ED7D31}
}